<template>
  <div class="btnshow">
    <div style="width: 90%; margin-left: 5%; margin-top: 10px;">
      <rst-btn type="primary" >主按钮</rst-btn>
      <rst-btn type="secondary" >次按钮</rst-btn>
      <rst-btn type="primary" disabled>不可点击按钮</rst-btn>
      <rst-btn type="outline" >按钮</rst-btn>
      <rst-btn type="outline" >三字钮</rst-btn>
      <rst-btn type="outline" >四字按钮</rst-btn>
      <rst-btn type="outline" >五个字按钮</rst-btn>
    </div>
    <rst-btn type="warning" >警示按钮</rst-btn>
    <rst-btn type="bottom" >底部按钮</rst-btn>
    <rst-btn type="warning" disabled >警示按钮不可点</rst-btn>
  </div>
</template>

<script>
 import rstbtn from '@/components/button.vue';
export default {
  data(){
    return{}
  },
   components: {
      'rst-btn': rstbtn
    }
}
</script>
<style>
  .btnshow .btn{
      margin-bottom: 10px;
  }

</style>
